// window.onload和DOMContentLoaded的区别
const img = document.querySelector('img')
img.onload = () => {
  console.log('图片加载完成')  // 2
}

document.addEventListener('DOMContentLoaded', function () {
  console.log(this)
  console.log('DOM渲染完成')   // 1
})

window.addEventListener('load', () => {
  console.log('页面加载完毕')   // 3
})


// <div id="div3">
//     <a href="#">a1</a>
//     <a href="#">a2</a>
//     <a href="#">a3</a>
//     <a href="#">a4</a>
//   </div>
//   <img src="./images/嘉然loading.gif" alt="">
//   <script src="./DOM渲染的区别.js"></script>
